@charset "UTF-8";
body { margin:0; padding:0; }

.header { display:block; position:relative; height:122px; }
.header .logo { display:inline-block; position:absolute; left:70px; top:55px; width:315px; height:46px; }
.header .logo { background:url(./images/i_logo_long.png) no-repeat 0 0; }
.header .title { display:inline-block; position:absolute; right:80px; top:0; width:314px; height:122px;  }
.header .title label { display:block; position:absolute; top:70px; width:314px; color:#4b4b4b; font-size:22px; font-family:microsoft yahei,heiti,sans-serif; font-weight:normal; text-align:center; }
.header .title { background:url(./images/bg_login_top.png) no-repeat 0 bottom; }

.content { display:block; position:relative; height:270px; }
.content { background:url(./images/i_login_banner.jpg) no-repeat center 0; }
.content .form-base {display:inline-block; position:absolute; right:97px; top:0; padding-top:30px; width:280px; height:270px; background:#fff; filter:alpha(Opacity=85); -moz-opacity:0.85; opacity:0.85; }
.content .form { display:inline-block; position:absolute; right:97px; top:0; padding:30px 10px 0 10px; width:280px; height:270px; }

.content .form .layui-form-item { margin-top:20px; }
.content .form .layui-form-item .layui-form-label { padding:9px 0; width:80px; font-size:14px; }
.content .form .layui-form-item .layui-input-inline { }
.content .form .layui-form-item .layui-input-inline .layui-input { height:38px; line-height:38px; }

.content .form div.error { margin-bottom:5px; overflow:hidden; color:#FF5722; font-size:13px; line-height:18px; text-align:center; }

.footer { display:block; position:relative; height:222px; }
.footer .service { display:inline-block; position:absolute; left:75px; top:25px; width:700px; color:#666; font-size:14px; font-family:microsoft yahei,heiti,sans-serif; line-height:28px; }
.footer .help { display:inline-block; position:absolute; right:80px; top:0; width:314px; height:222px; }
.footer .help { background:url(./images/bg_login_bottom.png) no-repeat 0 -100px; }
.footer .help .list { display:block; padding:20px 40px; }
.footer .help .list .item { display:block; color:#888; font-size:13px; line-height:22px; }

/* 登录页样式 */
.page-login {
    min-width: 1170px;
    background-image: url('/static/images/login-bg.png');
    background-size: 2560px 800px;
    background-position: bottom;
    background-repeat: no-repeat;
}

.page-login input {
    font-size: 12px;
}

.page-login input:focus {
    outline: none;
    border-color: #009688 !important;
    box-shadow: 0 0 3px #009688;
}

.page-login input:focus + .layadmin-user-login-icon {
    color: #009688;
}

.page-login .login-container {
    display: flex;
    justify-content: center;
    align-items: center;

    height: 100%;
    background-color: rgba(0, 150, 136, .66);
}

.page-login .login-container .login-box {
    position: absolute;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
}

.page-login .login-container .tips-error {
    color: #FF5722;
}

.layadmin-user-login {
    padding: 0;
}

.layadmin-user-login-main {
    width: 355px;
}

.layadmin-user-login-box {
    padding: 20px 41px 20px 43px;
}

.layadmin-user-login-header {
    padding-top: 60px;
}

.layadmin-user-login-header h2 {
    margin-bottom: 0;
    color: #009688;
}

.layui-form-item {
    margin-bottom: 26px;
}

.layadmin-user-login-codeimg {
    max-height: 34px;
}

.layadmin-user-login-icon {
    line-height: 32px;
}